<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="js/layer/skin/default/layer.css" />
		<link rel="stylesheet" href="css/style.css" />
		<title></title>

	</head>

	<body>
		<header class="mui-bar mui-bar-nav header">
			<a class="mui-action-back mui-icon mui-icon-arrowthinleft mui-pull-left"></a>
			<h1 class="mui-title">统计数据</h1>
		</header>

		<div class="mui-content">
			<!--block-->
			<div class="tm-label-md tm-bg-white tm-df-size">
				<div class="main-tab">
					<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-item1">
						<a class="mui-control-item tm-icon-btn mui-active" href="#item1">
							<div class="tm-label-item">
								<div class="tm-label">
									所有成员
								</div>
								<div class="mui-icon mui-icon-arrowdown">

								</div>
							</div>
						</a>
						<a class="mui-control-item tm-icon-btn" href="#item2">
							<div class="tm-label-item">
								<div class="tm-label">
									2017-11
								</div>
								<div class="mui-icon mui-icon-arrowdown">

								</div>
							</div>
						</a>
					</div>
				</div>
			</div>
			<!--block end-->

			<!--tab-con-->
			<div class="main-tab-con" id="main-tab-con" style="display: none;">
				<div id="item1" class="mui-control-content mui-active">
					<div class="uk-margin-small-top">
						<ul class="mui-table-view max">
							<li class="mui-table-view-cell">
								<a href="">
									<span class="tm-df-size">所有成员</span>
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a href="">
									<span class="tm-df-size">仅下属成员</span>
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a href="">
									<span class="tm-df-size">我自己</span>
								</a>
							</li>
						</ul>
					</div>
					<div class="data-card-search uk-margin-small-top">
						<!--search-->
						<div class="search-block">
							<div class="mui-input-row mui-search">
								<input type="search" class="mui-input-clear" value="" placeholder="搜索">
							</div>
						</div>
						<!--search end-->

						<div class="search-cell-card">
							<ul class="mui-table-view max">
								<li class="mui-table-view-cell">
									<a href="">
										<div class="tm-flex flex-align-center">
											<div class="tm-atav tm-flex-head">
												<div class="tm-location-parent">
													<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
													<img class="redundant-img" src="images/px-1.png" alt="" width="100">
												</div>
											</div>
											<div class="tm-label-no">
												<span class="tm-df-size tm-font-boldx">张三</span>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a href="">
										<div class="tm-flex flex-align-center">
											<div class="tm-atav tm-flex-head">
												<div class="tm-location-parent">
													<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
													<img class="redundant-img" src="images/px-1.png" alt="" width="100">
												</div>
											</div>
											<div class="tm-label-no">
												<span class="tm-df-size tm-font-boldx">张三</span>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a href="">
										<div class="tm-flex flex-align-center">
											<div class="tm-atav tm-flex-head">
												<div class="tm-location-parent">
													<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
													<img class="redundant-img" src="images/px-1.png" alt="" width="100">
												</div>
											</div>
											<div class="tm-label-no">
												<span class="tm-df-size tm-font-boldx">张三</span>
											</div>
										</div>
									</a>
								</li>
							</ul>
						</div>

					</div>
				</div>
				<div id="item2" class="mui-control-content">
					<div class="tm-df-size">
						<div class="mui-table-view no uk-margin-small-top">
							<div class="mui-table-view-cell">
								<a class="mui-navigate-right">
									<div class="tm-cell-pad">
										<div class="tm-flex">
											<div class="tm-flex-1">
												<span class="tm-font-bold">选择方式</span>
											</div>
											<div class="">
												<span class="tm-font-gray">按周统计</span>
											</div>
										</div>
									</div>
								</a>
							</div>
						</div>

						<div class="mui-table-view no uk-margin-small-top">
							<div class="mui-table-view-cell">
								<a class="mui-navigate-right">
									<div class="tm-cell-pad">
										<div class="tm-flex">
											<div class="tm-flex-1">
												<span class="tm-font-bold">选择日期</span>
											</div>
											<div class="">
												<span class="tm-font-gray">2017年 第45周（11月6日-11月12日）</span>
											</div>
										</div>
									</div>
								</a>
							</div>
						</div>
					</div>

					<div class="uk-margin-xlarge-top">
						<div class="main-content">
							<div class="to-btn-group">
								<ul class="uk-grid tm-font-gray">
									<li class="uk-width-1-2">
										<button type="button" class="mui-btn mui-btn-gray mui-btn-block">上一周</button>
									</li>
									<li class="uk-width-1-2">
										<button type="button" class="mui-btn mui-btn-green mui-btn-block">下一周</button>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--tab-con end-->

			<!--点击筛选消失-->
			<div class="tm-border-top" id="hide-this">
				<!--block-->
				<div class="data-info-card tm-bg-white">
					<div class="tm-label-lg">
						<div class="tm-flex">

							<div class="card-tab-item">
								<div class="tm-flex flex-pack-center">
									<div class="tm-flex-row-lgm">
										<div class="tm-flex flex-pack-center">
											<div class="tm-label-item uk-text-center">
												<span class="tm-label tm-font-green tm-mx-size">89</span><span class="tm-label tm-df-size tm-font-gray">个</span>
											</div>
										</div>
										<div class="tm-flex-row-lgm">
											<div class="tm-flex flex-pack-center">
												<div class="tm-icon-item">
													<div class="tm-icon">
														<img src="images/data-info-icon1.png" alt="" width="12" height="12" />
													</div>
													<div class="tm-icon-label">
														新增客户数
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class="card-tab-item">
								<div class="tm-flex flex-pack-center">
									<div class="tm-flex-row-lgm">
										<div class="tm-flex flex-pack-center">
											<div class="tm-label-item uk-text-center">
												<span class="tm-label tm-font-green tm-mx-size">86682.4</span><span class="tm-label tm-df-size tm-font-gray">元</span>
											</div>
										</div>
										<div class="tm-flex-row-lgm">
											<div class="tm-flex flex-pack-center">
												<div class="tm-icon-item">
													<div class="tm-icon">
														<img src="images/data-info-icon2.png" alt="" width="12" height="12" />
													</div>
													<div class="tm-icon-label">
														成交总额
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class="card-tab-item">
								<div class="tm-flex flex-pack-center">
									<div class="tm-flex-row-lgm">
										<div class="tm-flex flex-pack-center">
											<div class="tm-label-item uk-text-center">
												<span class="tm-label tm-font-green tm-mx-size">22</span><span class="tm-label tm-df-size tm-font-gray">单</span>
											</div>
										</div>
										<div class="tm-flex-row-lgm">
											<div class="tm-flex flex-pack-center">
												<div class="tm-icon-item">
													<div class="tm-icon">
														<img src="images/data-info-icon3.png" alt="" width="12" height="12" />
													</div>
													<div class="tm-icon-label">
														成交单数
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--block end-->

				<!--block tab切換-->
				<div class="tm-label-md tm-bg-white uk-margin-small-top">
					<div class="main-content">
						<div class="main-tab">
							<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-itme2">
								<a class="mui-control-item tm-icon-btn" href="#item100">
									<div class="tm-label-item">
										<div class="tm-label">
											新增客户榜
										</div>
									</div>
								</a>
								<a class="mui-control-item tm-icon-btn" href="#item200">
									<div class="tm-label-item">
										<div class="tm-label">
											成交总额榜
										</div>
									</div>
								</a>
								<a class="mui-control-item tm-icon-btn mui-active" href="#item300">
									<div class="tm-label-item">
										<div class="tm-label">
											成交单数榜
										</div>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>

				<div class="main-tab-con">

					<!--切换1-->
					<div id="item100" class="mui-control-content">
						<div class="rankings-card">
							<ul class="mui-table-view max">
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													<div class="tm-icon">
														<img src="images/jinpai.png" alt="" width="19" height="19" />
													</div>
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													李四
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													<div class="tm-icon">
														<img src="images/yinpai.png" alt="" width="19" height="19" />
													</div>
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													李四
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													<div class="tm-icon">
														<img src="images/tongpai.png" alt="" width="19" height="19" />
													</div>
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													李四
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													4
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													李四
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													5
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													我是张经理
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													5
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													我是张经理
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													5
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													我是张经理
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>

					</div>
					<!--切换1 end-->

					<!--切换2-->
					<div id="item200" class="mui-control-content">
						<div class="rankings-card">
							<ul class="mui-table-view max">
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													<div class="tm-icon">
														<img src="images/jinpai.png" alt="" width="19" height="19" />
													</div>
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													王五
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													<div class="tm-icon">
														<img src="images/yinpai.png" alt="" width="19" height="19" />
													</div>
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													王五
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													<div class="tm-icon">
														<img src="images/tongpai.png" alt="" width="19" height="19" />
													</div>
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													王五
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													4
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													王五
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													5
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													我是张经理
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													5
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													我是张经理
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													5
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													我是张经理
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>

					</div>
					<!--切换2 end-->

					<!--切换3-->
					<div id="item300" class="mui-control-content mui-active">
						<div class="rankings-card">
							<ul class="mui-table-view max">
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													<div class="tm-icon">
														<img src="images/jinpai.png" alt="" width="19" height="19" />
													</div>
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													张三
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													<div class="tm-icon">
														<img src="images/yinpai.png" alt="" width="19" height="19" />
													</div>
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													张三
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													<div class="tm-icon">
														<img src="images/tongpai.png" alt="" width="19" height="19" />
													</div>
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													张三
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													4
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													张三
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													5
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													我是张经理
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													5
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													我是张经理
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													5
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													我是张经理
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>

					</div>
					<!--切换3 end-->
				</div>

				<!--block tab切換 end-->
			</div>
			<!--点击筛选消失 end-->

		</div>

		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript">
			mui.init();
		</script>
		<script type="text/javascript">
			$(function() {
				$(".mui-segmented-control-item1>.mui-control-item").on("tap", function() {
					$("#main-tab-con").show();
					$("#hide-this").hide();
				})
			})
		</script>
	</body>

</html>